<!DOCTYPE html>
<html lang="zh">
<head>
<title>售后事件管理 | OMS</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT" />

<!-- 加载 bootstrap 样式-->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/font-awesome/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap/css/bootstrap.min.css" />

<!-- 加载本页需要的三方插件样式 -->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-select/bootstrap-select.min.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/jquery.dataTables.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/extensions/TableTools/css/dataTables.tableTools.min.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/dataTables.bootstrap.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-tablesorter/themes/blue/style-custom.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/animate.css/animate.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/iCheck/skins/all.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-daterangepicker/daterangepicker-bs3.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/extensions/FixedColumns/css/fixedColumns.dataTables.css">

<!-- 加载主题风格样式 -->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" class="default-style" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" id="theme-change" class="style-change color-change" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/style-responsive.css" />
<link type="text/css" rel="stylesheet" href="/css/tooltip.css" />

<style>
th, td {
    overflow: inherit;
}

.afterSaleBtn a {
    color: #fff !important;
}

.afterSaleBtn a:hover {
    color: #cacaca !important;
}


</style>
</head>
<body class="">



    <!--BEGIN CONTENT-->
    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-7 col-xs-7 col-sm-7 col-md-7" style="line-height:36px;">
                       <button id="btnAddEvent" style="margin-top: 12px;" type="button" class="btn btn-info btn-xs" disabled>
                          <i class="fa"></i>&nbsp;新增售后事件
                       </button>
                </div>
                <div class="col-lg-5 col-xs-5 col-sm-5 col-md-5" style="margin-bottom: 10px;">
                    <div class="input-group">
                        <input id="quickSearch" type="text" placeholder="来源单号、平台交易号、客户ID、指派处理人、售后单据编号、快递单号 " class="form-control" /> <span class="input-group-btn">
                            <button id="btnQuickSearch" type="button" class="btn btn-primary">
                                <i class="fa fa-search"></i>
                            </button>
                            <button id="btnAdvSearch" type="button" class="btn btn-default btn-adv-search">
                                <i class="fa fa-angle-double-down" style="font-size: 20px; color: white;"></i>
                            </button>
                        </span>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-xs-12 col-sm-12 col-md-12" style="padding: 0px;">
                <div class="portlet box portlet-blue tabbable" style="margin-bottom:0px;">
                    <div class="panel panel-default" id="advSearchPanel" style="display: none;">
                        <!-- 窗体悬浮，百分比根据情况设置 -->
                        <div class="panel-body">
                            <form id="frmAdvSearch" role="form" action="" class="form-horizontal advance-query">
                                <!-- advance-query 必须要写的 -->
                                <div class="row">
                                    <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label for="queryFactDealUser" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">实际处理人 </label>
                                            <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                                <input id="queryFactDealUser" name="queryFactDealUser" type="text" placeholder="" minlength="1"
                                                    maxlength="100" class="form-control forsubmiteq" fieldname="o.order_code" fieldtype="string"
                                                    fieldoperator="and" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label for="queryEventCreator" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">创建人 </label>
                                            <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                                <input id="queryEventCreator" name="queryEventCreator" type="text" placeholder="" minlength="1"
                                                    maxlength="100" class="form-control forsubmiteq" fieldname="o.order_code" fieldtype="string"
                                                    fieldoperator="and" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label for="queryEventType" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">售后原因类型</label>
                                            <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                                <select id="queryEventType" name="queryEventType" class="form-control forsubmiteq">
                                                    <option value="">请选择</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label for="queryDateType" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">时间类型 </label>
                                            <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                                <select id="queryDateType" name="queryDateType" class="form-control forsubmiteq">
                                                    <option value="">请选择</option>
                                                    <option value="createTime">创建日期</option>
                                                    <option value="expireTime">到期时间 </option>
                                                    <option value="paidDate">付款日期</option>
                                                </select>
                                            </div>
                                            <!-- <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                                <div id="createDate" class="btn btn-default reportrange">
                                                    <i class="fa fa-calendar"></i>&nbsp;&nbsp;<span></span>&nbsp;&nbsp;<i class="fa fa-angle-down"></i> <input
                                                        type="hidden" id="queryCreateTimeS" name="queryCreateTimeS" /> <input type="hidden"
                                                        id="queryCreateTimeE" name="queryCreateTimeE" />
                                                </div>
                                            </div> -->
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label for="orderTimeS" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">时间区间 </label>
                                            <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                                <div id="queryDate" class="btn btn-default reportrange">
                                                    <i class="fa fa-calendar"></i>&nbsp;&nbsp;<span></span>&nbsp;&nbsp;<i class="fa fa-angle-down"></i> <input
                                                        type="hidden" id="queryDateStart" name="queryDateStart" /> <input type="hidden"
                                                        id="queryDateEnd" name="queryDateEnd" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label for="orderTimeS" class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">付款时间 </label>
                                            <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                                <div id="paidDate" class="btn btn-default reportrange">
                                                    <i class="fa fa-calendar"></i>&nbsp;&nbsp;<span></span>&nbsp;&nbsp;<i class="fa fa-angle-down"></i> <input
                                                        type="hidden" id="queryPaidDateS" name="queryPaidDateS" /> <input type="hidden"
                                                        id="queryPaidDateE" name="queryPaidDateE" />
                                                </div>
                                            </div>
                                        </div>
                                    </div> -->
                                </div>
                                <div class="row">
                                    <div class="col-sm-12 col-lg-12 col-xs-12 col-md-12 text-right">
                                        <button type="reset" id="advSearchReset" name="advSearchReset" class="btn btn-default">重置</button>
                                        <button type="button" id="advSearchSubmit" name="advSearchSubmit" class="btn btn-primary">查询</button>
                                    </div>
                                </div>

                                <!-- 隐藏控件值 -->
                                <input type="hidden" id="hidOrderCodeEvent" name="hidOrderCodeEvent" /> 
                                <input type="hidden" id="hidTradeCodeEvent" name="hidTradeCodeEvent" />
                                <input type="hidden" id="hidBuyerNickEvent" name="hidBuyerNickEvent" /> 
                                <input type="hidden" id="hidOrderIdEvent" name="hidOrderIdEvent" />
                                <!-- 隐藏控件值 -->
                            </form>
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-lg-12 col-xs-12 col-sm-12 col-md-12">
                    <div class="portlet box portlet-blue tabbable">
                        <div class="portlet-header">
                            <div class="caption">售后事件列表</div>

                        </div>
                        <div class="portlet-body">
                            <div class="tabbable portlet-tabs">
                                <ul class="nav nav-tabs">
                                    <li style="display: none;">
                                        <button id="btnExportEvent" style="margin-top: 12px;" type="button" class="btn btn-warning btn-xs">
                                            <i class="fa fa-sign-in"></i>&nbsp;导出
                                        </button>
                                    </li>
                                    <li>
                                        <button id="btnRefreshEvent" style="margin-top: 12px;" type="button" class="btn btn-warning btn-xs">
                                            <i class="fa"></i>&nbsp;刷新
                                        </button>
                                    </li>
                                    
                                    <li id="finish"><a href="javascript:void(0)" data-toggle="tab">处理完成(<span id="finishNum">0</span>)
                                    </a></li>
                                    <li id="processing"><a href="javascript:void(0)" data-toggle="tab">处理中(<span id="processingNum">0</span>)
                                    </a></li>
                                    <li id="waitVerifyA" class="active"><a href="javascript:void(0)" data-toggle="tab">待处理(<span id="waitingNum">0</span>)
                                    </a></li>
                                </ul>

                                <div class="tab-content">
                                    <!-- 待处理div -->
                                    <div class="tab-pane fade in active">
                                        <div class="table-responsive">
                                            <div class="portlet-body">
                                                <table id="eventTable"
                                                    class="table table-hover table-striped table-bordered table-advanced tablefirst" style="table-layout:fixed;" width="100%">
                                                    <thead>
                                                        <tr>
                                                            <th width="" colValue="sonShow" style="width:10px;text-align: left;white-space: inherit;"></th>
                                                            <th width="7%" colValue="eventStatus" style="text-align: left;white-space: inherit;">处理进度</th>
                                                            <th width="10%" colValue="eventCode" style="text-align: left;white-space: inherit;">售后单据编号</th>
                                                            <th width="10%" colValue="orderCode" style="text-align: left;white-space: inherit;">来源单号</th>
                                                            <th width="10%" colValue="tradeCode" style="text-align: left;white-space: inherit;">平台交易号</th>
                                                            <th width="10%" colValue="shiporderCode" style="text-align: left;white-space: inherit;">发货单编号</th>
                                                            <th width="10%" colValue="lgstNo" style="text-align: left;white-space: inherit;">快递单号</th>
                                                            <th width="6%" colValue="shopName" style="text-align: left;white-space: inherit;">店铺</th>
                                                            <th width="8%" colValue="eventType" style="text-align: left;white-space: inherit;">原因类型</th>
                                                            <th width="13%" colValue="createTime" style="text-align: left;white-space: inherit;">创建时间</th>
                                                            <th width="13%" mincolValue="expireTime" style="text-align: left;white-space: inherit;">到期时间</th>
                                                            <th width="13%" mincolValue="paidDate" style="text-align: left;white-space: inherit;">付款时间</th>
                                                            <th width="6%" mincolValue="buyerNick" style="text-align: left;white-space: inherit;">客户ID</th>
                                                            <th width="6%" mincolValue="eventCreator" style="text-align: left;white-space: inherit;">创建人</th>
                                                            <th width="12%" mincolValue="planDealUser" style="text-align: left;white-space: inherit;">指派处理人</th>
                                                            <th width="10%" mincolValue="factDealUserName" class="hiddenCol" style="text-align: left;white-space: inherit;">实际处理人</th>
                                                            <th width="10%" mincolValue="remark" style="text-align: left;white-space: inherit;">事件描述</th>
                                                            <th width="10%" mincolValue="operation" style="text-align: left;white-space: inherit;">操作</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 新增窗口 -->
    <div id="eventAddWindow" tabindex="-1" role="dialog" aria-hidden="true" class="modal fade">
        <div class="modal-dialog modal-wide-width">
            <div class="modal-content">
                <div class="modal-header modal-header-primary">
                    <button type="button" data-dismiss="modal" aria-hidden="true" class="close">x</button>
                    <h4 id="eventTitle" class="modal-title">新增售后事件</h4>
                </div>
                <div class="modal-body">
                    <div id="flat-skin" class="row skin skin-flat">
                        <iframe id="ifmEventDetail" name="ifmEventDetail" allowtransparency="true" style="" title="test" frameborder="0" width="100%"
                            height="400px" scrolling="no"></iframe>
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="btnEventClose" type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                    <button id="btnRuleDetailSave" type="button" class="btn btn-primary">保存</button>
                </div>

            </div>
        </div>
    </div>

    <!-- 查询窗口 -->
    <div id="eventCheckWindow" tabindex="-1" role="dialog" aria-hidden="true" class="modal fade">
        <div class="modal-dialog modal-wide-width">
            <div class="modal-content">
                <div class="modal-header modal-header-primary">
                    <button type="button" data-dismiss="modal" aria-hidden="true" class="close">x</button>
                    <h4 id="modal-header-primary-label" class="modal-title">系统订单选择</h4>
                </div>
                <div class="modal-body">
                    <div class="portlet-body">

                        <div id="flat-skin" class="row skin skin-flat">
                            <iframe id="ifmEventAddOrderDetail" name="ifmEventAddOrderDetail" allowtransparency="true" style="" title="test"
                                frameborder="0" width="100%" height="400px" scrolling="no"></iframe>
                        </div>

                    </div>
                </div>
                <div class="modal-footer" style="display: none;">
                    <button id="btnEventOrderClose" type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                </div>

            </div>
        </div>
    </div>

    <!--END CONTENT -->
    <!-- 加载 jquery js-->
    <script src="/Apollo/madmin/js/jquery-1.10.2.min.js"></script>
    <script src="/Apollo/madmin/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="/Apollo/madmin/js/jquery-ui.js"></script>

    <!-- 加载 bootstrap 和三方插件 js -->
    <script src="/Apollo/madmin/vendors/moment/moment.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap/js/bootstrap.min.js"></script>
    <script src="/Apollo/madmin/js/html5shiv.js"></script>
    <script src="/Apollo/madmin/js/respond.min.js"></script>
    <script src="/Apollo/madmin/vendors/iCheck/icheck.min.js"></script>
    <script src="/Apollo/madmin/vendors/iCheck/custom.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.js"></script>
    <script src="/Apollo/madmin/vendors/holder/holder.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/media/js/jquery.dataTables.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/media/js/dataTables.bootstrap.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-maxlength.js"></script>
    <script src="/Apollo/echarts/echarts.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-inputmask/jquery.inputmask.bundle.min.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-select/bootstrap-select.min.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.js"></script>

    <script src="/views/static/js/setPageButtonStatus.js"></script>
    <script src="afterSaleEvent.js"></script>
</body>
</html>